<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:rich="http://java.sun.com/jsf/composite/jquery">

<h:head>

<ui:include src="topo.xhtml"></ui:include>

<title>Ceped FAFICA</title>

<script src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="../js/ajax.js"></script>
<script src="../js/jquery.maskedinput-1.3.min.js"></script>
<script src="../js/script_cadastro.js"></script>

<link href="../css/style.css" rel="stylesheet" type="text/css" />
<link href="../css/style-accordeon.css" rel="stylesheet" type="text/css" />
<link href="../css/style_form.css" rel="stylesheet" type="text/css" />

<script src="../js/jquery.min.js"></script>
<script src='../js/jquery.easing.1.3.js'></script>
<script src='../js/functions.js'></script>

</h:head>
<h:body onload="openAcordeon('1')">

<div class="bg_dialog" id="dialogEquipamentosCurso" style="display: none;">
	
	<div class="limite_dialog" style="height: 0px;">
	
	<a href="javascript:fecharDialog('dialogEquipamentosCurso');" class="link_fechar_dialog"> <img src="../css/img/icon_cancel.png" height="30" alt="" /> </a>
	
	<div class="conteudo">
		<div class="conteudo_limite">
			<div class="titulo">
				<img src="../css/img/icon_view_equipamento.png"/>
				<p>Visualizar Equipamentos</p>
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
			
				<h:form>
				
					<label>Curso:</label>
					<label> <strong> Análise e Desenvolvimento de Sistemas </strong> </label>
					<br/>
					<label>Curso:</label>
					<label> <strong> Análise e Desenvolvimento de Sistemas </strong> </label>
				
				</h:form>
			
			<div class="clr"></div>
			</div>
		</div>
	</div>
</div>

<div class="bg_dialog" id="dialogEquipamentoEdit" style="display: none;">
	
	<div class="limite_dialog" style="height: 0px;">
	
	<a href="javascript:fecharDialog('dialogEquipamentoEdit');" class="link_fechar_dialog"> <img src="../css/img/icon_cancel.png" height="30" alt="" /> </a>
	
	<div class="conteudo">
		<div class="conteudo_limite">
			<div class="titulo">
				<img src="../css/img/school.png"/>
				<p>Renomear Equipamento</p>
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
			
			<h:form styleClass="form_equipamento" name="form_equipamento_edit" id="form_equipamento_edit">
				
				<h:outputLabel styleClass="wh300">Nome do Equipamento:</h:outputLabel>
				
				<h:inputText styleClass="wh400" id="txtNomeEquipamento"></h:inputText>
				
			</h:form>
		
			<div class="clr"></div>
			
			<a href="javascript:validarEditEquipamento();" class="bt_concluir">Concluir</a>
			
			<div class="clr"></div>
			
			</div>
		
		</div>
	</div>
	
</div>

<div class="bg_dialog" id="dialogEquipamento" style="display: none;">
	
	<div class="limite_dialog" style="height: 0px;">
	
	<a href="javascript:fecharDialog('dialogEquipamento');" class="link_fechar_dialog"> <img src="../css/img/icon_cancel.png" height="30" alt="" /> </a>
	
	<div class="conteudo">
		<div class="conteudo_limite">
			<div class="titulo">
				<img src="../css/img/school.png"/>
				<p>Cadastrar Novo Equipamento</p>
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
			
			<h:form styleClass="form_equipamento" name="form_cadastrar_equipamento" id="form_cadastrar_equipamento">
				
				<h:outputLabel styleClass="wh300">Nome do Equipamento:</h:outputLabel>
				<h:outputLabel styleClass="wh100">Quantidade:</h:outputLabel>
				
				<h:inputText styleClass="wh280" id="txtNomeEquipamento"></h:inputText>
				<h:inputText styleClass="wh100" id="txtQuantidade"></h:inputText>
				
			</h:form>
		
			<div class="clr"></div>
			
			<a href="javascript:validarCadEquipamento();" class="bt_concluir">Concluir</a>
			
			<div class="clr"></div>
			
			</div>
		
		</div>
	</div>
	
</div>

<div class="bg_dialog" id="dialogEditCurso" style="display: none;">
	
	<div class="limite_dialog" style="height: 0px;">
	
	<a href="javascript:fecharDialog('dialogEditCurso');" class="link_fechar_dialog"> <img src="../css/img/icon_cancel.png" height="30" alt="" /> </a>
	
	<div class="conteudo">
		<div class="conteudo_limite">
			<div class="titulo">
				<img src="../css/img/icon_cursos.png"/>
				<p>Editar Informações de Curso</p>
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
			
			<h:form styleClass="form_curso" name="form_editar_curso" id="form_editar_curso">
				
				<h:outputLabel styleClass="wh410">Nome:</h:outputLabel>
				
				<h:inputText styleClass="wh400" id="txtNomeCurso"></h:inputText>
				
				<h:outputLabel styleClass="wh210">Status:</h:outputLabel>
				<h:outputLabel styleClass="wh210">Tipo:</h:outputLabel>
				
				<h:selectOneMenu styleClass="wh205" id="sel_status">
					<f:selectItem itemLabel=".: Selecione o status :." itemValue="0"/>
					<f:selectItem itemLabel="Ativo" itemValue="1"/>
					<f:selectItem itemLabel="Inativo" itemValue="2"/>
					<f:selectItem itemLabel="Manutenção" itemValue="3"/>
				</h:selectOneMenu>

				<h:selectOneMenu styleClass="wh205" id="sel_tipo">
					<f:selectItem itemLabel=".: Selecione o tipo :." itemValue="0"/>
					<f:selectItem itemLabel="Normal" itemValue="1"/>
					<f:selectItem itemLabel="Minicurso" itemValue="2"/>
					<f:selectItem itemLabel="Férias" itemValue="2"/>
				</h:selectOneMenu>
			
			</h:form>
		
			<div class="clr"></div>
			
			<a href="javascript:validarEditCurso();" class="bt_concluir">Concluir</a>
			
			<div class="clr"></div>
			
			</div>
		
		</div>
	</div>
	
</div>
	
<div class="bg_dialog" id="dialogCurso" style="display: none;">
	
	<div class="limite_dialog" style="height: 0px;">
	
	<a href="javascript:fecharDialog('dialogCurso');" class="link_fechar_dialog"> <img src="../css/img/icon_cancel.png" height="30" alt="" /> </a>
	
	<div class="conteudo">
		<div class="conteudo_limite">
			<div class="titulo">
				<img src="../css/img/icon_cursos.png"/>
				<p>Cadastrar Novo Curso</p>
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
			
			<h:form styleClass="form_curso" name="form_cadastrar_curso" id="form_cadastrar_curso">
				
				<h:outputLabel styleClass="wh410">Nome:</h:outputLabel>
				
				<h:inputText styleClass="wh400" id="txtNomeCurso"></h:inputText>
				
				<h:outputLabel styleClass="wh210">Status:</h:outputLabel>
				<h:outputLabel styleClass="wh210">Tipo:</h:outputLabel>
				
				<h:selectOneMenu styleClass="wh205" id="sel_status">
					<f:selectItem itemLabel=".: Selecione o status :." itemValue="0"/>
					<f:selectItem itemLabel="Ativo" itemValue="1"/>
					<f:selectItem itemLabel="Inativo" itemValue="2"/>
					<f:selectItem itemLabel="Manutenção" itemValue="3"/>
				</h:selectOneMenu>

				<h:selectOneMenu styleClass="wh205" id="sel_tipo">
					<f:selectItem itemLabel=".: Selecione o tipo :." itemValue="0"/>
					<f:selectItem itemLabel="Normal" itemValue="1"/>
					<f:selectItem itemLabel="Minicurso" itemValue="2"/>
					<f:selectItem itemLabel="Férias" itemValue="2"/>
				</h:selectOneMenu>
			
			</h:form>
		
			<div class="clr"></div>
			
			<a href="javascript:validarCadCurso();" class="bt_concluir">Concluir</a>
			
			<div class="clr"></div>
			
			</div>
		
		</div>
	</div>
	
</div>
	
	<div class="bg_dialog" id="dialogAlocar" style="display: none;">
	
	<div class="limite_dialog" style="height: 0px;" id="dialogAlocarLimite">
	
	<a href="javascript:fecharDialogAlocar();" class="link_fechar_dialog"> <img src="../css/img/icon_cancel.png" height="30" alt="" /> </a>
	
	<div class="conteudo">
		<div class="conteudo_limite">
			<div class="titulo">
				<img src="../css/img/icon_cursos_equipamento.png"/>
				<p>Alocar Equipamentos</p>
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
			
			<div id="div_select_curso">
		
			<h3>Selecione o curso :.</h3>
			
			<select class="select_curso">
				<option>Análise e Desenvolvimento de Sistemas</option>
				<option>Redes de Computadores</option>
				<option>Filosofia</option>
			</select>
		
			<br/>
			<div class="clr"></div>
			
			<a href="javascript:continuarAlocamento();" class="bt_concluir">Continuar :.</a>
			
			</div>
			
			<div id="div_alocar_equipamento" style="display: none;">
			
			<h3>Equipamentos Disponíveis :.</h3>
			
			<table cellspacing="0" cellpadding="5">
				<thead>
					<tr>
						<td width="230">Equipamento</td>
						<td width="100" align="center">Disponível</td>
						<td width="100" align="center">Alocar</td>
					</tr>
				</thead>
				
				<tr>
					<td>Baba show</td>
					<td align="center">7</td>
					<td align="center"> 
						<select>
							<option>Nenhum</option>
							<option>1</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
							<option>6</option>
							<option>7</option>
						</select>  
					</td>
				</tr>
				
			</table>
			
			<div class="clr"></div>
			
			<a href="#" class="bt_concluir">Concluir</a>
			
			</div>
			
			<div class="clr"></div>
			
			</div>
		
		</div>
	</div>
	
</div>

<h:panelGroup>
	<div class="conteudo">
		<h:form id="form">
				<div class="conteudo_limite">
					
					<div class="left_home">
						
						<a href="javascript:abrirDialog('dialogCurso');" class="link_home">
							<img src="../css/img/icon_cursos.png" alt="" height="55" />
							<span>Cadastrar<br/>Novo Curso</span>
						</a>

						<a href="javascript:abrirDialog('dialogEquipamento');" class="link_home">
							<img src="../css/img/school.png" alt="" height="55" />
							<span>Cadastrar Novo Equipamento</span>
						</a>
						
						<a href="javascript:abrirDialog('dialogAlocar');" class="link_home">
							<img src="../css/img/icon_cursos_equipamento.png" alt="" height="55" />
							<span>Alocar Equipamentos</span>
						</a>
						
					</div>
					
					<div class="right_home">
						
						<div class="clr"></div>
						
						<div class="acordeon" id="acordeon1">
							
							<a class="acordeon-top" href="javascript:fecharAcordeon('1')" id="linkAcordeon1">
								<img src="../css/img/seta_on.png" alt="" height="10" id="imgLinkAcordeon1" /> Equipamentos Cadastrados
							</a>
							
							<div class="clr"></div>
							
							<div class="acordeon-corpo" style="display:none;" id="acordeon1corpo">
								
								<div class="clr"></div>
								
								<table cellpadding="5" cellspacing="1">
									<thead>
										<tr>
											<td width="100">NOME</td>
											<td width="50">Renomear</td>
											<td width="50">Quantidade<br/>TOTAL</td>
											<td width="50">Quantidade<br/>Alocada</td>
										</tr>
									</thead>
									
									<tbody>
										<tr>
											<td>Data Show</td>
											<td> <a href="javascript:abrirDialog('dialogEquipamentoEdit');"> <img src="../css/img/icon_edit.png" alt="" height="17" /> </a> </td>
											<td>
												<a href="javascript:diminuirQuantEquip('1')"><img src="../css/img/rem.png" alt="" height="17" /></a>
													<input readonly="readonly" value="2" id="inputQuantEquipamentoCurso1" style="float: none; width: 30px; top: -3px; text-align: center;"/>
												<a href="javascript:aumentarQuantEquip('1')"><img src="../css/img/add.gif" alt="" height="17" /></a> 
											</td>
											<td>26</td>
										</tr>
									</tbody>
									
									
								</table>
							</div>
							
						</div>
						
						<div class="acordeon" id="acordeon2">
							
							<a class="acordeon-top" href="javascript:openAcordeon('2')" id="linkAcordeon2">
								<img src="../css/img/seta_off.png" alt="" height="10" id="imgLinkAcordeon2" /> Cursos Cadastrados
							</a>
							
							<div class="clr"></div>
							
							<div class="acordeon-corpo" style="display:none;" id="acordeon2corpo">
								
								<div class="clr"></div>
								
								<table cellpadding="5" cellspacing="1">
									<thead>
										<tr>
											<td width="120">Curso</td>
											<td width="50">Status</td>
											<td width="50">Tipo</td>
											<td width="50">Equipamentos Alocados</td>
											<td width="50">Editar</td>
										</tr>
									</thead>
									
									<tbody>
										<tr>
											<td>Análise e Desenvolvimento de Sistemas</td>
											<td>Ativo</td>
											<td>Normal</td>
											<td>26</td>
											<td> <a href="javascript:abrirDialog('dialogEditCurso')"> <img src="../css/img/icon_edit.png" alt="" height="17" /> </a> </td>
										</tr>
									</tbody>
									
									
								</table>
							</div>
							
						</div>
						
					</div>
					
					<div class="clr"></div>
				</div>
		</h:form>
	</div>
</h:panelGroup>		
</h:body>
<ui:include src="rodape.xhtml"></ui:include>
</html>
